<template>
    <div>
        <p>遍历json对象</p>
        <div style="margin: 0 auto;width: 300px;border: #42b983 1px dotted">
            <!--    遍历json对象    -->
            <ol>
                <li v-for="(val ,key ,i) in joTest" v-bind:key="i">
                    索引-{{i}} 键--{{key}} 值--{{val}}
                </li>
            </ol>
        </div>
    </div>
</template>
<!--https://www.cnblogs.com/wangyfax/p/10073159.html-->
<script>
    export default {
        name: "TodoItem",
        props: ['joTest'],
        data() {
            return {}
        }
    }
</script>

<style scoped>

</style>
